<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4626270" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe778;</span>
                <div class="name">查看更多</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">删除-面</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77a;</span>
                <div class="name">修改 (1)</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77b;</span>
                <div class="name">删除 (2)</div>
                <div class="code-name">&amp;#xe77b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">与我相关</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">论坛</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">上传</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">公文</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">置顶</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe773;</span>
                <div class="name">置顶 (3)</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">下一步</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">more-fill</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76f;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">启用人</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">预警</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">修改密码</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">检查更新</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">下级</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">在岗中</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">休息中</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe769;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">用车申请</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">卡片式排列</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe764;</span>
                <div class="name">分类展示</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe765;</span>
                <div class="name">我的考勤</div>
                <div class="code-name">&amp;#xe765;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">会议申请</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">出差申请 (2)</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">bofang</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">开关-开</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">开关-关</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe762;</span>
                <div class="name">相册 (1)</div>
                <div class="code-name">&amp;#xe762;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe761;</span>
                <div class="name">视频</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe760;</span>
                <div class="name">更新</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">单位</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">部门</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">版权号</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75c;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">企业总数</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">应急联络</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">风险</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">解锁</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">导出个人信息</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
                <div class="name">接触预警</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe753;</span>
                <div class="name">创建群聊 (1)</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe754;</span>
                <div class="name">相关业务系统</div>
                <div class="code-name">&amp;#xe754;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">数据报表</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
                <div class="name">可拖动</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">部门考勤-面</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
                <div class="name">备勤管理-面</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">值班管理-面</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">统计报表-面</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">车辆-面</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">知识库-面</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">通讯录-面</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">发起调动</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">办理离职</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">自定义列</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">救援队伍管理</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">功能导航 (1)</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">考勤管理</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
                <div class="name">值班管理</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe731;</span>
                <div class="name">收文管理</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">流程记录</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">公文查询</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">通讯录</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
                <div class="name">知识库</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">每日研判</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">重大隐患管理</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73f;</span>
                <div class="name">备勤管理</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">动态报表收集</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe741;</span>
                <div class="name">资源地图</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">合同管理 (1)</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">综合预警管理</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">会议管理</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">应急入口</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe737;</span>
                <div class="name">新建分类统一图标</div>
                <div class="code-name">&amp;#xe737;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
                <div class="name">上传</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9c1;</span>
                <div class="name">下拉树</div>
                <div class="code-name">&amp;#xe9c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">级联选择</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">文本框</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
                <div class="name">下拉框</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe733;</span>
                <div class="name">多选</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">开关</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe735;</span>
                <div class="name">单选</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dd;</span>
                <div class="name">查看</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">重要</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72e;</span>
                <div class="name">普通 (2)</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">重要 (2)</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72d;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">暴雪-白</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
                <div class="name">大暴雪-白</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72c;</span>
                <div class="name">特大暴雪-白</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71c;</span>
                <div class="name">冻雨-白</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
                <div class="name">小雨-白</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">中雨-白</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">暴雨-白</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">阵雨（夜晚）-白</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
                <div class="name">大暴雨-白</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe722;</span>
                <div class="name">大雨-白</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe723;</span>
                <div class="name">特大暴雨-白</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe724;</span>
                <div class="name">阵雪-白</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">雷暴大雨-白</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">中雪-白</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe727;</span>
                <div class="name">大雪-白</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">小雪-白</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">阵雪（夜晚）-白</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe715;</span>
                <div class="name">多云-白</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">雷雨冰雹-白</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">多云（夜晚）-白</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">雨夹雪-白</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">雷阵雨-白</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
                <div class="name">冰雹-白</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71b;</span>
                <div class="name">阵雨-白</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe714;</span>
                <div class="name">阴-白 (1)</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">操作规范</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
                <div class="name">安全制度</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe713;</span>
                <div class="name">规章制度</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">危化品</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">森林草原</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">地质</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70c;</span>
                <div class="name">全部</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
                <div class="name">火灾</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
                <div class="name">洪涝</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">矿山</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
                <div class="name">地震 (1)</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
                <div class="name">其他</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">搜索按钮</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
                <div class="name">用户组</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">标准规范</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
                <div class="name">法律法规</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">晴天</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">关注 (2)</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">关注</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">值班科员</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">添加、新增</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">撤销</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f1;</span>
                <div class="name">归档</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">审核</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">保存 (1)</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">提交</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">打印</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
                <div class="name">删除 (1)</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">修改</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">群聊</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">退回 (1)</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe700;</span>
                <div class="name">批准 (1)</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">转发 (1)</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">送审</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">发送短信</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
                <div class="name">请示汇报</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">离蓉申请</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">来文登记</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">应急预案</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">应急资源地图</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">综合预警</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">领导</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">请假人员</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6db;</span>
                <div class="name">备勤人员</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">新建文档</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">车辆管理</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">行政管理</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">应急方案</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">我的日程</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">在线沟通</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">公文管理</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">系统管理</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">资产管理</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">办公用品管理</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">应急响应</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">应急资源</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">人事管理</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">短信管理</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c1;</span>
                <div class="name">关注企业管理</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">会议室使用</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">文档管理</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c5;</span>
                <div class="name">出差申请</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
                <div class="name">天气信息</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">功能导航</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">办公用品管理 (1)</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">新闻创建</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">聊天弹窗入口</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">加班</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">合同申请</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">离驻地</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">天气管理</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">公文管理</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">请假</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
                <div class="name">资产管理 (1)</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d9;</span>
                <div class="name">系统管理 (1)</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">文档管理 (1)</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dc;</span>
                <div class="name">应急资源</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
                <div class="name">应急方案 (1)</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
                <div class="name">在线聊天</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e0;</span>
                <div class="name">我的日程 (1)</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e1;</span>
                <div class="name">应急响应 (2)</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e2;</span>
                <div class="name">相关文件</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
                <div class="name">抄送单位</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e4;</span>
                <div class="name">短信管理 (1)</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">转发</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
                <div class="name">紧急</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">批量导入文件</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">选择人员</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">会议室选择</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ec;</span>
                <div class="name">批准</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ed;</span>
                <div class="name">退回</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">湿度</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">向右切换</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">风向</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">气压</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">向左切换</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">值班人员</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">转移</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">位置</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">创建群聊</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">阵雨</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">暴雨</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">暴雪</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">冰雹</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">大雨</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">特大暴雨</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">大雪</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">切图 137</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">冻雨</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">阴</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">风</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">小雨</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">小雪</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">阵雪（夜晚）</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">雾</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">浮尘</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">台风</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">特大暴雪</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">多云</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">沙尘暴</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">雷暴大雨</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">雷雨冰雹</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">阵雨（夜晚）</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">中雪</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">阵雪</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">中雨</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">雷阵雨</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">强沙尘暴</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">多云（夜晚）</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">大暴雪</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">雨夹雪</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">大暴雨</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1742178066079') format('woff2'),
       url('iconfont.woff?t=1742178066079') format('woff'),
       url('iconfont.ttf?t=1742178066079') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-pinglun"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.icon-pinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chakangengduo"></span>
            <div class="name">
              查看更多
            </div>
            <div class="code-name">.icon-chakangengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu-mian"></span>
            <div class="name">
              删除-面
            </div>
            <div class="code-name">.icon-shanchu-mian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-xiugai1"></span>
            <div class="name">
              修改 (1)
            </div>
            <div class="code-name">.icon-a-xiugai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-shanchu2"></span>
            <div class="name">
              删除 (2)
            </div>
            <div class="code-name">.icon-a-shanchu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuwoxiangguan"></span>
            <div class="name">
              与我相关
            </div>
            <div class="code-name">.icon-yuwoxiangguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-luntan"></span>
            <div class="name">
              论坛
            </div>
            <div class="code-name">.icon-luntan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangchuan"></span>
            <div class="name">
              上传
            </div>
            <div class="code-name">.icon-shangchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zu14383"></span>
            <div class="name">
              公文
            </div>
            <div class="code-name">.icon-a-zu14383
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjian"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiding"></span>
            <div class="name">
              置顶
            </div>
            <div class="code-name">.icon-zhiding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zhiding3"></span>
            <div class="name">
              置顶 (3)
            </div>
            <div class="code-name">.icon-a-zhiding3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiayibu"></span>
            <div class="name">
              下一步
            </div>
            <div class="code-name">.icon-xiayibu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-more-fill"></span>
            <div class="name">
              more-fill
            </div>
            <div class="code-name">.icon-more-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-time-line"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-time-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-5-line"></span>
            <div class="name">
              启用人
            </div>
            <div class="code-name">.icon-user-5-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-alarm-warning-line"></span>
            <div class="name">
              预警
            </div>
            <div class="code-name">.icon-alarm-warning-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiugaimima"></span>
            <div class="name">
              修改密码
            </div>
            <div class="code-name">.icon-xiugaimima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianchagengxin"></span>
            <div class="name">
              检查更新
            </div>
            <div class="code-name">.icon-jianchagengxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaji"></span>
            <div class="name">
              下级
            </div>
            <div class="code-name">.icon-xiaji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaigangzhong"></span>
            <div class="name">
              在岗中
            </div>
            <div class="code-name">.icon-zaigangzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiuxizhong"></span>
            <div class="name">
              休息中
            </div>
            <div class="code-name">.icon-xiuxizhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjia"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.icon-tianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-chuchashenqing3"></span>
            <div class="name">
              用车申请
            </div>
            <div class="code-name">.icon-a-chuchashenqing3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kapianshipailie"></span>
            <div class="name">
              卡片式排列
            </div>
            <div class="code-name">.icon-kapianshipailie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenleizhanshi"></span>
            <div class="name">
              分类展示
            </div>
            <div class="code-name">.icon-fenleizhanshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodekaoqin"></span>
            <div class="name">
              我的考勤
            </div>
            <div class="code-name">.icon-wodekaoqin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyishenqing"></span>
            <div class="name">
              会议申请
            </div>
            <div class="code-name">.icon-huiyishenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-chuchashenqing2"></span>
            <div class="name">
              出差申请 (2)
            </div>
            <div class="code-name">.icon-a-chuchashenqing2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-play"></span>
            <div class="name">
              bofang
            </div>
            <div class="code-name">.icon-play
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaiguan-kai"></span>
            <div class="name">
              开关-开
            </div>
            <div class="code-name">.icon-kaiguan-kai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaiguan-guan"></span>
            <div class="name">
              开关-关
            </div>
            <div class="code-name">.icon-kaiguan-guan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-xiangce1"></span>
            <div class="name">
              相册 (1)
            </div>
            <div class="code-name">.icon-a-xiangce1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-lujing16"></span>
            <div class="name">
              视频
            </div>
            <div class="code-name">.icon-a-lujing16
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-gengxin3"></span>
            <div class="name">
              更新
            </div>
            <div class="code-name">.icon-a-gengxin3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-danwei"></span>
            <div class="name">
              单位
            </div>
            <div class="code-name">.icon-danwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bumen"></span>
            <div class="name">
              部门
            </div>
            <div class="code-name">.icon-bumen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banquanhao"></span>
            <div class="name">
              版权号
            </div>
            <div class="code-name">.icon-banquanhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyezongshu"></span>
            <div class="name">
              企业总数
            </div>
            <div class="code-name">.icon-qiyezongshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingjilianluo"></span>
            <div class="name">
              应急联络
            </div>
            <div class="code-name">.icon-yingjilianluo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fengxian"></span>
            <div class="name">
              风险
            </div>
            <div class="code-name">.icon-fengxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiesuo"></span>
            <div class="name">
              解锁
            </div>
            <div class="code-name">.icon-jiesuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochugerenxinxi"></span>
            <div class="name">
              导出个人信息
            </div>
            <div class="code-name">.icon-daochugerenxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiechuyujing"></span>
            <div class="name">
              接触预警
            </div>
            <div class="code-name">.icon-jiechuyujing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-chuangjianqunliao1"></span>
            <div class="name">
              创建群聊 (1)
            </div>
            <div class="code-name">.icon-a-chuangjianqunliao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangguanyewuxitong"></span>
            <div class="name">
              相关业务系统
            </div>
            <div class="code-name">.icon-xiangguanyewuxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujubaobiao"></span>
            <div class="name">
              数据报表
            </div>
            <div class="code-name">.icon-shujubaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ketuodong"></span>
            <div class="name">
              可拖动
            </div>
            <div class="code-name">.icon-ketuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bumenkaoqin-mian"></span>
            <div class="name">
              部门考勤-面
            </div>
            <div class="code-name">.icon-bumenkaoqin-mian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beiqinguanli-mian"></span>
            <div class="name">
              备勤管理-面
            </div>
            <div class="code-name">.icon-beiqinguanli-mian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhibanguanli-mian"></span>
            <div class="name">
              值班管理-面
            </div>
            <div class="code-name">.icon-zhibanguanli-mian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongjibaobiao-mian"></span>
            <div class="name">
              统计报表-面
            </div>
            <div class="code-name">.icon-tongjibaobiao-mian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cheliang-mian"></span>
            <div class="name">
              车辆-面
            </div>
            <div class="code-name">.icon-cheliang-mian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhishiku-mian"></span>
            <div class="name">
              知识库-面
            </div>
            <div class="code-name">.icon-zhishiku-mian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongxunlu-mian"></span>
            <div class="name">
              通讯录-面
            </div>
            <div class="code-name">.icon-tongxunlu-mian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shaixuan"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.icon-shaixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-faqitiaodong"></span>
            <div class="name">
              发起调动
            </div>
            <div class="code-name">.icon-faqitiaodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banlilizhi"></span>
            <div class="name">
              办理离职
            </div>
            <div class="code-name">.icon-banlilizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zidingyilie"></span>
            <div class="name">
              自定义列
            </div>
            <div class="code-name">.icon-zidingyilie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiuyuanduiwuguanli"></span>
            <div class="name">
              救援队伍管理
            </div>
            <div class="code-name">.icon-jiuyuanduiwuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-gongnengdaohang1"></span>
            <div class="name">
              功能导航 (1)
            </div>
            <div class="code-name">.icon-a-gongnengdaohang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoqinguanli"></span>
            <div class="name">
              考勤管理
            </div>
            <div class="code-name">.icon-kaoqinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhibanguanli"></span>
            <div class="name">
              值班管理
            </div>
            <div class="code-name">.icon-zhibanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouwenguanli"></span>
            <div class="name">
              收文管理
            </div>
            <div class="code-name">.icon-shouwenguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liuchengjilu"></span>
            <div class="name">
              流程记录
            </div>
            <div class="code-name">.icon-liuchengjilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongwenchaxun"></span>
            <div class="name">
              公文查询
            </div>
            <div class="code-name">.icon-gongwenchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongxunlu"></span>
            <div class="name">
              通讯录
            </div>
            <div class="code-name">.icon-tongxunlu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhishiku"></span>
            <div class="name">
              知识库
            </div>
            <div class="code-name">.icon-zhishiku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-meiriyanpan"></span>
            <div class="name">
              每日研判
            </div>
            <div class="code-name">.icon-meiriyanpan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongdayinhuanguanli"></span>
            <div class="name">
              重大隐患管理
            </div>
            <div class="code-name">.icon-zhongdayinhuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beiqinguanli"></span>
            <div class="name">
              备勤管理
            </div>
            <div class="code-name">.icon-beiqinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dongtaibaobiaoshouji"></span>
            <div class="name">
              动态报表收集
            </div>
            <div class="code-name">.icon-dongtaibaobiaoshouji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuanditu"></span>
            <div class="name">
              资源地图
            </div>
            <div class="code-name">.icon-ziyuanditu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-hetongguanli1"></span>
            <div class="name">
              合同管理 (1)
            </div>
            <div class="code-name">.icon-a-hetongguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zongheyujingguanli"></span>
            <div class="name">
              综合预警管理
            </div>
            <div class="code-name">.icon-zongheyujingguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyiguanli"></span>
            <div class="name">
              会议管理
            </div>
            <div class="code-name">.icon-huiyiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingjirukou"></span>
            <div class="name">
              应急入口
            </div>
            <div class="code-name">.icon-yingjirukou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-guizhangzhidu1"></span>
            <div class="name">
              新建分类统一图标
            </div>
            <div class="code-name">.icon-a-guizhangzhidu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-lujing14"></span>
            <div class="name">
              上传
            </div>
            <div class="code-name">.icon-a-lujing14
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xialashu"></span>
            <div class="name">
              下拉树
            </div>
            <div class="code-name">.icon-xialashu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jilianxiala"></span>
            <div class="name">
              级联选择
            </div>
            <div class="code-name">.icon-jilianxiala
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duohangwenben"></span>
            <div class="name">
              文本框
            </div>
            <div class="code-name">.icon-duohangwenben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xialakuang"></span>
            <div class="name">
              下拉框
            </div>
            <div class="code-name">.icon-xialakuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duoxuan"></span>
            <div class="name">
              多选
            </div>
            <div class="code-name">.icon-duoxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaiguan"></span>
            <div class="name">
              开关
            </div>
            <div class="code-name">.icon-kaiguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-danxuan"></span>
            <div class="name">
              单选
            </div>
            <div class="code-name">.icon-danxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chakan"></span>
            <div class="name">
              查看
            </div>
            <div class="code-name">.icon-chakan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingji"></span>
            <div class="name">
              重要
            </div>
            <div class="code-name">.icon-jingji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-putong"></span>
            <div class="name">
              普通 (2)
            </div>
            <div class="code-name">.icon-a-putong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zhongyao"></span>
            <div class="name">
              重要 (2)
            </div>
            <div class="code-name">.icon-a-zhongyao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-lujing12"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-a-lujing12
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baoxue-bai"></span>
            <div class="name">
              暴雪-白
            </div>
            <div class="code-name">.icon-baoxue-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dabaoxue-bai"></span>
            <div class="name">
              大暴雪-白
            </div>
            <div class="code-name">.icon-dabaoxue-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tedabaoxue-bai"></span>
            <div class="name">
              特大暴雪-白
            </div>
            <div class="code-name">.icon-tedabaoxue-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dongyu-bai"></span>
            <div class="name">
              冻雨-白
            </div>
            <div class="code-name">.icon-dongyu-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoyu-bai"></span>
            <div class="name">
              小雨-白
            </div>
            <div class="code-name">.icon-xiaoyu-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongyu-bai"></span>
            <div class="name">
              中雨-白
            </div>
            <div class="code-name">.icon-zhongyu-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baoyu-bai"></span>
            <div class="name">
              暴雨-白
            </div>
            <div class="code-name">.icon-baoyu-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zhenyuyewan-bai"></span>
            <div class="name">
              阵雨（夜晚）-白
            </div>
            <div class="code-name">.icon-a-zhenyuyewan-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dabaoyu-bai"></span>
            <div class="name">
              大暴雨-白
            </div>
            <div class="code-name">.icon-dabaoyu-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dayu-bai"></span>
            <div class="name">
              大雨-白
            </div>
            <div class="code-name">.icon-dayu-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tedabaoyu-bai"></span>
            <div class="name">
              特大暴雨-白
            </div>
            <div class="code-name">.icon-tedabaoyu-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhenxue-bai"></span>
            <div class="name">
              阵雪-白
            </div>
            <div class="code-name">.icon-zhenxue-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-leibaodayu-bai"></span>
            <div class="name">
              雷暴大雨-白
            </div>
            <div class="code-name">.icon-leibaodayu-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongxue-bai"></span>
            <div class="name">
              中雪-白
            </div>
            <div class="code-name">.icon-zhongxue-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daxue-bai"></span>
            <div class="name">
              大雪-白
            </div>
            <div class="code-name">.icon-daxue-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxue-bai"></span>
            <div class="name">
              小雪-白
            </div>
            <div class="code-name">.icon-xiaoxue-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zhenxueyewan-bai"></span>
            <div class="name">
              阵雪（夜晚）-白
            </div>
            <div class="code-name">.icon-a-zhenxueyewan-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duoyun-bai"></span>
            <div class="name">
              多云-白
            </div>
            <div class="code-name">.icon-duoyun-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-leiyubingbao-bai"></span>
            <div class="name">
              雷雨冰雹-白
            </div>
            <div class="code-name">.icon-leiyubingbao-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-duoyunyewan-bai"></span>
            <div class="name">
              多云（夜晚）-白
            </div>
            <div class="code-name">.icon-a-duoyunyewan-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yujiaxue-bai"></span>
            <div class="name">
              雨夹雪-白
            </div>
            <div class="code-name">.icon-yujiaxue-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-leizhenyu-bai"></span>
            <div class="name">
              雷阵雨-白
            </div>
            <div class="code-name">.icon-leizhenyu-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bingbao-bai"></span>
            <div class="name">
              冰雹-白
            </div>
            <div class="code-name">.icon-bingbao-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhenyu-bai"></span>
            <div class="name">
              阵雨-白
            </div>
            <div class="code-name">.icon-zhenyu-bai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-yin-bai1"></span>
            <div class="name">
              阴-白 (1)
            </div>
            <div class="code-name">.icon-a-yin-bai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caozuoguifan"></span>
            <div class="name">
              操作规范
            </div>
            <div class="code-name">.icon-caozuoguifan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquanzhidu"></span>
            <div class="name">
              安全制度
            </div>
            <div class="code-name">.icon-anquanzhidu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guizhangzhidu"></span>
            <div class="name">
              规章制度
            </div>
            <div class="code-name">.icon-guizhangzhidu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weihuapin"></span>
            <div class="name">
              危化品
            </div>
            <div class="code-name">.icon-weihuapin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-senlincaoyuan"></span>
            <div class="name">
              森林草原
            </div>
            <div class="code-name">.icon-senlincaoyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dizhi"></span>
            <div class="name">
              地质
            </div>
            <div class="code-name">.icon-dizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanbu"></span>
            <div class="name">
              全部
            </div>
            <div class="code-name">.icon-quanbu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huozai"></span>
            <div class="name">
              火灾
            </div>
            <div class="code-name">.icon-huozai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-honglao"></span>
            <div class="name">
              洪涝
            </div>
            <div class="code-name">.icon-honglao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kuangshan"></span>
            <div class="name">
              矿山
            </div>
            <div class="code-name">.icon-kuangshan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-dizhen1"></span>
            <div class="name">
              地震 (1)
            </div>
            <div class="code-name">.icon-a-dizhen1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qita"></span>
            <div class="name">
              其他
            </div>
            <div class="code-name">.icon-qita
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuoanniu"></span>
            <div class="name">
              搜索按钮
            </div>
            <div class="code-name">.icon-sousuoanniu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuzu"></span>
            <div class="name">
              用户组
            </div>
            <div class="code-name">.icon-yonghuzu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaozhunguifan"></span>
            <div class="name">
              标准规范
            </div>
            <div class="code-name">.icon-biaozhunguifan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-falvfagui"></span>
            <div class="name">
              法律法规
            </div>
            <div class="code-name">.icon-falvfagui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zu219"></span>
            <div class="name">
              晴天
            </div>
            <div class="code-name">.icon-a-zu219
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-guanzhu2"></span>
            <div class="name">
              关注 (2)
            </div>
            <div class="code-name">.icon-a-guanzhu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zu329"></span>
            <div class="name">
              关注
            </div>
            <div class="code-name">.icon-a-zu329
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhibankeyuan"></span>
            <div class="name">
              值班科员
            </div>
            <div class="code-name">.icon-zhibankeyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daoru"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.icon-daoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-tianjiaxinzeng"></span>
            <div class="name">
              添加、新增
            </div>
            <div class="code-name">.icon-a-tianjiaxinzeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chexiao"></span>
            <div class="name">
              撤销
            </div>
            <div class="code-name">.icon-chexiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guidang"></span>
            <div class="name">
              归档
            </div>
            <div class="code-name">.icon-guidang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenhe"></span>
            <div class="name">
              审核
            </div>
            <div class="code-name">.icon-shenhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-baocun1"></span>
            <div class="name">
              保存 (1)
            </div>
            <div class="code-name">.icon-a-baocun1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tijiao"></span>
            <div class="name">
              提交
            </div>
            <div class="code-name">.icon-tijiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dayin"></span>
            <div class="name">
              打印
            </div>
            <div class="code-name">.icon-dayin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-shanchu1"></span>
            <div class="name">
              删除 (1)
            </div>
            <div class="code-name">.icon-a-shanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiugai"></span>
            <div class="name">
              修改
            </div>
            <div class="code-name">.icon-xiugai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qunliao"></span>
            <div class="name">
              群聊
            </div>
            <div class="code-name">.icon-qunliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-tuihui1"></span>
            <div class="name">
              退回 (1)
            </div>
            <div class="code-name">.icon-a-tuihui1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-pizhun1"></span>
            <div class="name">
              批准 (1)
            </div>
            <div class="code-name">.icon-a-pizhun1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zhuanfa1"></span>
            <div class="name">
              转发 (1)
            </div>
            <div class="code-name">.icon-a-zhuanfa1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-songshen"></span>
            <div class="name">
              送审
            </div>
            <div class="code-name">.icon-songshen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fasongduanxin"></span>
            <div class="name">
              发送短信
            </div>
            <div class="code-name">.icon-fasongduanxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-lujing71"></span>
            <div class="name">
              请示汇报
            </div>
            <div class="code-name">.icon-a-lujing71
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-lujing81"></span>
            <div class="name">
              离蓉申请
            </div>
            <div class="code-name">.icon-a-lujing81
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-lujing61"></span>
            <div class="name">
              来文登记
            </div>
            <div class="code-name">.icon-a-lujing61
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zu321"></span>
            <div class="name">
              应急预案
            </div>
            <div class="code-name">.icon-a-zu321
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-lujing4"></span>
            <div class="name">
              应急资源地图
            </div>
            <div class="code-name">.icon-a-lujing4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zu322"></span>
            <div class="name">
              综合预警
            </div>
            <div class="code-name">.icon-a-zu322
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zu230"></span>
            <div class="name">
              领导
            </div>
            <div class="code-name">.icon-a-zu230
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qingjiarenyuan"></span>
            <div class="name">
              请假人员
            </div>
            <div class="code-name">.icon-qingjiarenyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beiqinrenyuan"></span>
            <div class="name">
              备勤人员
            </div>
            <div class="code-name">.icon-beiqinrenyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinjianwendang"></span>
            <div class="name">
              新建文档
            </div>
            <div class="code-name">.icon-xinjianwendang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lujing"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-lujing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cheliangguanli"></span>
            <div class="name">
              车辆管理
            </div>
            <div class="code-name">.icon-cheliangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hangzhengguanli"></span>
            <div class="name">
              行政管理
            </div>
            <div class="code-name">.icon-hangzhengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingjifangan"></span>
            <div class="name">
              应急方案
            </div>
            <div class="code-name">.icon-yingjifangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodericheng"></span>
            <div class="name">
              我的日程
            </div>
            <div class="code-name">.icon-wodericheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaixiangoutong"></span>
            <div class="name">
              在线沟通
            </div>
            <div class="code-name">.icon-zaixiangoutong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-lujing1"></span>
            <div class="name">
              公文管理
            </div>
            <div class="code-name">.icon-a-lujing1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitongguanli"></span>
            <div class="name">
              系统管理
            </div>
            <div class="code-name">.icon-xitongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zichanguanli"></span>
            <div class="name">
              资产管理
            </div>
            <div class="code-name">.icon-zichanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangongyongpinguanli"></span>
            <div class="name">
              办公用品管理
            </div>
            <div class="code-name">.icon-bangongyongpinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingjixiangying"></span>
            <div class="name">
              应急响应
            </div>
            <div class="code-name">.icon-yingjixiangying
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingjiziyuan"></span>
            <div class="name">
              应急资源
            </div>
            <div class="code-name">.icon-yingjiziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renshiguanli"></span>
            <div class="name">
              人事管理
            </div>
            <div class="code-name">.icon-renshiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duanxinguanli"></span>
            <div class="name">
              短信管理
            </div>
            <div class="code-name">.icon-duanxinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanzhuqiyeguanli"></span>
            <div class="name">
              关注企业管理
            </div>
            <div class="code-name">.icon-guanzhuqiyeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyishishiyong"></span>
            <div class="name">
              会议室使用
            </div>
            <div class="code-name">.icon-huiyishishiyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wendangguanli"></span>
            <div class="name">
              文档管理
            </div>
            <div class="code-name">.icon-wendangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuchashenqing"></span>
            <div class="name">
              出差申请
            </div>
            <div class="code-name">.icon-chuchashenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianqixinxi"></span>
            <div class="name">
              天气信息
            </div>
            <div class="code-name">.icon-tianqixinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongnengdaohang"></span>
            <div class="name">
              功能导航
            </div>
            <div class="code-name">.icon-gongnengdaohang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bangongyongpinguanli1"></span>
            <div class="name">
              办公用品管理 (1)
            </div>
            <div class="code-name">.icon-a-bangongyongpinguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinwenchuangjian"></span>
            <div class="name">
              新闻创建
            </div>
            <div class="code-name">.icon-xinwenchuangjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liaotiandanchuangrukou"></span>
            <div class="name">
              聊天弹窗入口
            </div>
            <div class="code-name">.icon-liaotiandanchuangrukou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaban"></span>
            <div class="name">
              加班
            </div>
            <div class="code-name">.icon-jiaban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetongshenqing"></span>
            <div class="name">
              合同申请
            </div>
            <div class="code-name">.icon-hetongshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-guanzhuqiyeguanli1"></span>
            <div class="name">
              离驻地
            </div>
            <div class="code-name">.icon-a-guanzhuqiyeguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianqiguanli"></span>
            <div class="name">
              天气管理
            </div>
            <div class="code-name">.icon-tianqiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongwenguanli"></span>
            <div class="name">
              公文管理
            </div>
            <div class="code-name">.icon-gongwenguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qingjia"></span>
            <div class="name">
              请假
            </div>
            <div class="code-name">.icon-qingjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zichanguanli1"></span>
            <div class="name">
              资产管理 (1)
            </div>
            <div class="code-name">.icon-a-zichanguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-xitongguanli1"></span>
            <div class="name">
              系统管理 (1)
            </div>
            <div class="code-name">.icon-a-xitongguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-wendangguanli1"></span>
            <div class="name">
              文档管理 (1)
            </div>
            <div class="code-name">.icon-a-wendangguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-yingjixiangying1"></span>
            <div class="name">
              应急资源
            </div>
            <div class="code-name">.icon-a-yingjixiangying1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-yingjifangan1"></span>
            <div class="name">
              应急方案 (1)
            </div>
            <div class="code-name">.icon-a-yingjifangan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaixianliaotian"></span>
            <div class="name">
              在线聊天
            </div>
            <div class="code-name">.icon-zaixianliaotian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-wodericheng1"></span>
            <div class="name">
              我的日程 (1)
            </div>
            <div class="code-name">.icon-a-wodericheng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-yingjixiangying2"></span>
            <div class="name">
              应急响应 (2)
            </div>
            <div class="code-name">.icon-a-yingjixiangying2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangguanwenjian"></span>
            <div class="name">
              相关文件
            </div>
            <div class="code-name">.icon-xiangguanwenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaosongdanwei"></span>
            <div class="name">
              抄送单位
            </div>
            <div class="code-name">.icon-chaosongdanwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-duanxinguanli1"></span>
            <div class="name">
              短信管理 (1)
            </div>
            <div class="code-name">.icon-a-duanxinguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanfa"></span>
            <div class="name">
              转发
            </div>
            <div class="code-name">.icon-zhuanfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-teji"></span>
            <div class="name">
              紧急
            </div>
            <div class="code-name">.icon-teji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baocun"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.icon-baocun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-piliangdaoruwenjian"></span>
            <div class="name">
              批量导入文件
            </div>
            <div class="code-name">.icon-piliangdaoruwenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuanzerenyuan"></span>
            <div class="name">
              选择人员
            </div>
            <div class="code-name">.icon-xuanzerenyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyishixuanze"></span>
            <div class="name">
              会议室选择
            </div>
            <div class="code-name">.icon-huiyishixuanze
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pizhun"></span>
            <div class="name">
              批准
            </div>
            <div class="code-name">.icon-pizhun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuihui"></span>
            <div class="name">
              退回
            </div>
            <div class="code-name">.icon-tuihui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shidu"></span>
            <div class="name">
              湿度
            </div>
            <div class="code-name">.icon-shidu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduo"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icon-gengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangyouqiehuan"></span>
            <div class="name">
              向右切换
            </div>
            <div class="code-name">.icon-xiangyouqiehuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fengxiang"></span>
            <div class="name">
              风向
            </div>
            <div class="code-name">.icon-fengxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiya"></span>
            <div class="name">
              气压
            </div>
            <div class="code-name">.icon-qiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangzuoqiehuan"></span>
            <div class="name">
              向左切换
            </div>
            <div class="code-name">.icon-xiangzuoqiehuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-rongqi156"></span>
            <div class="name">
              值班人员
            </div>
            <div class="code-name">.icon-a-rongqi156
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanyi"></span>
            <div class="name">
              转移
            </div>
            <div class="code-name">.icon-zhuanyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weizhi"></span>
            <div class="name">
              位置
            </div>
            <div class="code-name">.icon-weizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuangjianqunliao"></span>
            <div class="name">
              创建群聊
            </div>
            <div class="code-name">.icon-chuangjianqunliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhenyu"></span>
            <div class="name">
              阵雨
            </div>
            <div class="code-name">.icon-zhenyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baoyu"></span>
            <div class="name">
              暴雨
            </div>
            <div class="code-name">.icon-baoyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baoxue"></span>
            <div class="name">
              暴雪
            </div>
            <div class="code-name">.icon-baoxue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bingbao"></span>
            <div class="name">
              冰雹
            </div>
            <div class="code-name">.icon-bingbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dayu"></span>
            <div class="name">
              大雨
            </div>
            <div class="code-name">.icon-dayu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tedabaoyu"></span>
            <div class="name">
              特大暴雨
            </div>
            <div class="code-name">.icon-tedabaoyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daxue"></span>
            <div class="name">
              大雪
            </div>
            <div class="code-name">.icon-daxue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-qietu137"></span>
            <div class="name">
              切图 137
            </div>
            <div class="code-name">.icon-a-qietu137
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dongyu"></span>
            <div class="name">
              冻雨
            </div>
            <div class="code-name">.icon-dongyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yin"></span>
            <div class="name">
              阴
            </div>
            <div class="code-name">.icon-yin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feng"></span>
            <div class="name">
              风
            </div>
            <div class="code-name">.icon-feng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoyu"></span>
            <div class="name">
              小雨
            </div>
            <div class="code-name">.icon-xiaoyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxue"></span>
            <div class="name">
              小雪
            </div>
            <div class="code-name">.icon-xiaoxue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zhenxueyewan"></span>
            <div class="name">
              阵雪（夜晚）
            </div>
            <div class="code-name">.icon-a-zhenxueyewan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wu"></span>
            <div class="name">
              雾
            </div>
            <div class="code-name">.icon-wu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuchen"></span>
            <div class="name">
              浮尘
            </div>
            <div class="code-name">.icon-fuchen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-taifeng"></span>
            <div class="name">
              台风
            </div>
            <div class="code-name">.icon-taifeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tedabaoxue"></span>
            <div class="name">
              特大暴雪
            </div>
            <div class="code-name">.icon-tedabaoxue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duoyun"></span>
            <div class="name">
              多云
            </div>
            <div class="code-name">.icon-duoyun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shachenbao"></span>
            <div class="name">
              沙尘暴
            </div>
            <div class="code-name">.icon-shachenbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-leibaodayu"></span>
            <div class="name">
              雷暴大雨
            </div>
            <div class="code-name">.icon-leibaodayu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-leiyubingbao"></span>
            <div class="name">
              雷雨冰雹
            </div>
            <div class="code-name">.icon-leiyubingbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zhenyuyewan"></span>
            <div class="name">
              阵雨（夜晚）
            </div>
            <div class="code-name">.icon-a-zhenyuyewan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongxue"></span>
            <div class="name">
              中雪
            </div>
            <div class="code-name">.icon-zhongxue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhenxue"></span>
            <div class="name">
              阵雪
            </div>
            <div class="code-name">.icon-zhenxue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongyu"></span>
            <div class="name">
              中雨
            </div>
            <div class="code-name">.icon-zhongyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-leizhenyu"></span>
            <div class="name">
              雷阵雨
            </div>
            <div class="code-name">.icon-leizhenyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiangshachenbao"></span>
            <div class="name">
              强沙尘暴
            </div>
            <div class="code-name">.icon-qiangshachenbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-duoyunyewan"></span>
            <div class="name">
              多云（夜晚）
            </div>
            <div class="code-name">.icon-a-duoyunyewan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dabaoxue"></span>
            <div class="name">
              大暴雪
            </div>
            <div class="code-name">.icon-dabaoxue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yujiaxue"></span>
            <div class="name">
              雨夹雪
            </div>
            <div class="code-name">.icon-yujiaxue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dabaoyu"></span>
            <div class="name">
              大暴雨
            </div>
            <div class="code-name">.icon-dabaoyu
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinglun"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#icon-pinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chakangengduo"></use>
                </svg>
                <div class="name">查看更多</div>
                <div class="code-name">#icon-chakangengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu-mian"></use>
                </svg>
                <div class="name">删除-面</div>
                <div class="code-name">#icon-shanchu-mian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-xiugai1"></use>
                </svg>
                <div class="name">修改 (1)</div>
                <div class="code-name">#icon-a-xiugai1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shanchu2"></use>
                </svg>
                <div class="name">删除 (2)</div>
                <div class="code-name">#icon-a-shanchu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuwoxiangguan"></use>
                </svg>
                <div class="name">与我相关</div>
                <div class="code-name">#icon-yuwoxiangguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-luntan"></use>
                </svg>
                <div class="name">论坛</div>
                <div class="code-name">#icon-luntan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangchuan"></use>
                </svg>
                <div class="name">上传</div>
                <div class="code-name">#icon-shangchuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu14383"></use>
                </svg>
                <div class="name">公文</div>
                <div class="code-name">#icon-a-zu14383</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiding"></use>
                </svg>
                <div class="name">置顶</div>
                <div class="code-name">#icon-zhiding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zhiding3"></use>
                </svg>
                <div class="name">置顶 (3)</div>
                <div class="code-name">#icon-a-zhiding3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiayibu"></use>
                </svg>
                <div class="name">下一步</div>
                <div class="code-name">#icon-xiayibu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-more-fill"></use>
                </svg>
                <div class="name">more-fill</div>
                <div class="code-name">#icon-more-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-time-line"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-time-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-5-line"></use>
                </svg>
                <div class="name">启用人</div>
                <div class="code-name">#icon-user-5-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-alarm-warning-line"></use>
                </svg>
                <div class="name">预警</div>
                <div class="code-name">#icon-alarm-warning-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiugaimima"></use>
                </svg>
                <div class="name">修改密码</div>
                <div class="code-name">#icon-xiugaimima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianchagengxin"></use>
                </svg>
                <div class="name">检查更新</div>
                <div class="code-name">#icon-jianchagengxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaji"></use>
                </svg>
                <div class="name">下级</div>
                <div class="code-name">#icon-xiaji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zaigangzhong"></use>
                </svg>
                <div class="name">在岗中</div>
                <div class="code-name">#icon-zaigangzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiuxizhong"></use>
                </svg>
                <div class="name">休息中</div>
                <div class="code-name">#icon-xiuxizhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjia"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#icon-tianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-chuchashenqing3"></use>
                </svg>
                <div class="name">用车申请</div>
                <div class="code-name">#icon-a-chuchashenqing3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kapianshipailie"></use>
                </svg>
                <div class="name">卡片式排列</div>
                <div class="code-name">#icon-kapianshipailie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenleizhanshi"></use>
                </svg>
                <div class="name">分类展示</div>
                <div class="code-name">#icon-fenleizhanshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodekaoqin"></use>
                </svg>
                <div class="name">我的考勤</div>
                <div class="code-name">#icon-wodekaoqin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyishenqing"></use>
                </svg>
                <div class="name">会议申请</div>
                <div class="code-name">#icon-huiyishenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-chuchashenqing2"></use>
                </svg>
                <div class="name">出差申请 (2)</div>
                <div class="code-name">#icon-a-chuchashenqing2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-play"></use>
                </svg>
                <div class="name">bofang</div>
                <div class="code-name">#icon-play</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaiguan-kai"></use>
                </svg>
                <div class="name">开关-开</div>
                <div class="code-name">#icon-kaiguan-kai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaiguan-guan"></use>
                </svg>
                <div class="name">开关-关</div>
                <div class="code-name">#icon-kaiguan-guan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-xiangce1"></use>
                </svg>
                <div class="name">相册 (1)</div>
                <div class="code-name">#icon-a-xiangce1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing16"></use>
                </svg>
                <div class="name">视频</div>
                <div class="code-name">#icon-a-lujing16</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-gengxin3"></use>
                </svg>
                <div class="name">更新</div>
                <div class="code-name">#icon-a-gengxin3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danwei"></use>
                </svg>
                <div class="name">单位</div>
                <div class="code-name">#icon-danwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumen"></use>
                </svg>
                <div class="name">部门</div>
                <div class="code-name">#icon-bumen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-banquanhao"></use>
                </svg>
                <div class="name">版权号</div>
                <div class="code-name">#icon-banquanhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyezongshu"></use>
                </svg>
                <div class="name">企业总数</div>
                <div class="code-name">#icon-qiyezongshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingjilianluo"></use>
                </svg>
                <div class="name">应急联络</div>
                <div class="code-name">#icon-yingjilianluo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxian"></use>
                </svg>
                <div class="name">风险</div>
                <div class="code-name">#icon-fengxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiesuo"></use>
                </svg>
                <div class="name">解锁</div>
                <div class="code-name">#icon-jiesuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochugerenxinxi"></use>
                </svg>
                <div class="name">导出个人信息</div>
                <div class="code-name">#icon-daochugerenxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiechuyujing"></use>
                </svg>
                <div class="name">接触预警</div>
                <div class="code-name">#icon-jiechuyujing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-chuangjianqunliao1"></use>
                </svg>
                <div class="name">创建群聊 (1)</div>
                <div class="code-name">#icon-a-chuangjianqunliao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangguanyewuxitong"></use>
                </svg>
                <div class="name">相关业务系统</div>
                <div class="code-name">#icon-xiangguanyewuxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujubaobiao"></use>
                </svg>
                <div class="name">数据报表</div>
                <div class="code-name">#icon-shujubaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ketuodong"></use>
                </svg>
                <div class="name">可拖动</div>
                <div class="code-name">#icon-ketuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumenkaoqin-mian"></use>
                </svg>
                <div class="name">部门考勤-面</div>
                <div class="code-name">#icon-bumenkaoqin-mian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beiqinguanli-mian"></use>
                </svg>
                <div class="name">备勤管理-面</div>
                <div class="code-name">#icon-beiqinguanli-mian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhibanguanli-mian"></use>
                </svg>
                <div class="name">值班管理-面</div>
                <div class="code-name">#icon-zhibanguanli-mian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongjibaobiao-mian"></use>
                </svg>
                <div class="name">统计报表-面</div>
                <div class="code-name">#icon-tongjibaobiao-mian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cheliang-mian"></use>
                </svg>
                <div class="name">车辆-面</div>
                <div class="code-name">#icon-cheliang-mian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhishiku-mian"></use>
                </svg>
                <div class="name">知识库-面</div>
                <div class="code-name">#icon-zhishiku-mian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongxunlu-mian"></use>
                </svg>
                <div class="name">通讯录-面</div>
                <div class="code-name">#icon-tongxunlu-mian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shaixuan"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#icon-shaixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-faqitiaodong"></use>
                </svg>
                <div class="name">发起调动</div>
                <div class="code-name">#icon-faqitiaodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-banlilizhi"></use>
                </svg>
                <div class="name">办理离职</div>
                <div class="code-name">#icon-banlilizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zidingyilie"></use>
                </svg>
                <div class="name">自定义列</div>
                <div class="code-name">#icon-zidingyilie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiuyuanduiwuguanli"></use>
                </svg>
                <div class="name">救援队伍管理</div>
                <div class="code-name">#icon-jiuyuanduiwuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-gongnengdaohang1"></use>
                </svg>
                <div class="name">功能导航 (1)</div>
                <div class="code-name">#icon-a-gongnengdaohang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaoqinguanli"></use>
                </svg>
                <div class="name">考勤管理</div>
                <div class="code-name">#icon-kaoqinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhibanguanli"></use>
                </svg>
                <div class="name">值班管理</div>
                <div class="code-name">#icon-zhibanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouwenguanli"></use>
                </svg>
                <div class="name">收文管理</div>
                <div class="code-name">#icon-shouwenguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liuchengjilu"></use>
                </svg>
                <div class="name">流程记录</div>
                <div class="code-name">#icon-liuchengjilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongwenchaxun"></use>
                </svg>
                <div class="name">公文查询</div>
                <div class="code-name">#icon-gongwenchaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongxunlu"></use>
                </svg>
                <div class="name">通讯录</div>
                <div class="code-name">#icon-tongxunlu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhishiku"></use>
                </svg>
                <div class="name">知识库</div>
                <div class="code-name">#icon-zhishiku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-meiriyanpan"></use>
                </svg>
                <div class="name">每日研判</div>
                <div class="code-name">#icon-meiriyanpan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongdayinhuanguanli"></use>
                </svg>
                <div class="name">重大隐患管理</div>
                <div class="code-name">#icon-zhongdayinhuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beiqinguanli"></use>
                </svg>
                <div class="name">备勤管理</div>
                <div class="code-name">#icon-beiqinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dongtaibaobiaoshouji"></use>
                </svg>
                <div class="name">动态报表收集</div>
                <div class="code-name">#icon-dongtaibaobiaoshouji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuanditu"></use>
                </svg>
                <div class="name">资源地图</div>
                <div class="code-name">#icon-ziyuanditu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-hetongguanli1"></use>
                </svg>
                <div class="name">合同管理 (1)</div>
                <div class="code-name">#icon-a-hetongguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zongheyujingguanli"></use>
                </svg>
                <div class="name">综合预警管理</div>
                <div class="code-name">#icon-zongheyujingguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyiguanli"></use>
                </svg>
                <div class="name">会议管理</div>
                <div class="code-name">#icon-huiyiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingjirukou"></use>
                </svg>
                <div class="name">应急入口</div>
                <div class="code-name">#icon-yingjirukou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-guizhangzhidu1"></use>
                </svg>
                <div class="name">新建分类统一图标</div>
                <div class="code-name">#icon-a-guizhangzhidu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing14"></use>
                </svg>
                <div class="name">上传</div>
                <div class="code-name">#icon-a-lujing14</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xialashu"></use>
                </svg>
                <div class="name">下拉树</div>
                <div class="code-name">#icon-xialashu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jilianxiala"></use>
                </svg>
                <div class="name">级联选择</div>
                <div class="code-name">#icon-jilianxiala</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duohangwenben"></use>
                </svg>
                <div class="name">文本框</div>
                <div class="code-name">#icon-duohangwenben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xialakuang"></use>
                </svg>
                <div class="name">下拉框</div>
                <div class="code-name">#icon-xialakuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duoxuan"></use>
                </svg>
                <div class="name">多选</div>
                <div class="code-name">#icon-duoxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaiguan"></use>
                </svg>
                <div class="name">开关</div>
                <div class="code-name">#icon-kaiguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danxuan"></use>
                </svg>
                <div class="name">单选</div>
                <div class="code-name">#icon-danxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chakan"></use>
                </svg>
                <div class="name">查看</div>
                <div class="code-name">#icon-chakan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingji"></use>
                </svg>
                <div class="name">重要</div>
                <div class="code-name">#icon-jingji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-putong"></use>
                </svg>
                <div class="name">普通 (2)</div>
                <div class="code-name">#icon-a-putong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zhongyao"></use>
                </svg>
                <div class="name">重要 (2)</div>
                <div class="code-name">#icon-a-zhongyao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing12"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-a-lujing12</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baoxue-bai"></use>
                </svg>
                <div class="name">暴雪-白</div>
                <div class="code-name">#icon-baoxue-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dabaoxue-bai"></use>
                </svg>
                <div class="name">大暴雪-白</div>
                <div class="code-name">#icon-dabaoxue-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tedabaoxue-bai"></use>
                </svg>
                <div class="name">特大暴雪-白</div>
                <div class="code-name">#icon-tedabaoxue-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dongyu-bai"></use>
                </svg>
                <div class="name">冻雨-白</div>
                <div class="code-name">#icon-dongyu-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoyu-bai"></use>
                </svg>
                <div class="name">小雨-白</div>
                <div class="code-name">#icon-xiaoyu-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongyu-bai"></use>
                </svg>
                <div class="name">中雨-白</div>
                <div class="code-name">#icon-zhongyu-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baoyu-bai"></use>
                </svg>
                <div class="name">暴雨-白</div>
                <div class="code-name">#icon-baoyu-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zhenyuyewan-bai"></use>
                </svg>
                <div class="name">阵雨（夜晚）-白</div>
                <div class="code-name">#icon-a-zhenyuyewan-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dabaoyu-bai"></use>
                </svg>
                <div class="name">大暴雨-白</div>
                <div class="code-name">#icon-dabaoyu-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dayu-bai"></use>
                </svg>
                <div class="name">大雨-白</div>
                <div class="code-name">#icon-dayu-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tedabaoyu-bai"></use>
                </svg>
                <div class="name">特大暴雨-白</div>
                <div class="code-name">#icon-tedabaoyu-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhenxue-bai"></use>
                </svg>
                <div class="name">阵雪-白</div>
                <div class="code-name">#icon-zhenxue-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-leibaodayu-bai"></use>
                </svg>
                <div class="name">雷暴大雨-白</div>
                <div class="code-name">#icon-leibaodayu-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongxue-bai"></use>
                </svg>
                <div class="name">中雪-白</div>
                <div class="code-name">#icon-zhongxue-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daxue-bai"></use>
                </svg>
                <div class="name">大雪-白</div>
                <div class="code-name">#icon-daxue-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxue-bai"></use>
                </svg>
                <div class="name">小雪-白</div>
                <div class="code-name">#icon-xiaoxue-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zhenxueyewan-bai"></use>
                </svg>
                <div class="name">阵雪（夜晚）-白</div>
                <div class="code-name">#icon-a-zhenxueyewan-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duoyun-bai"></use>
                </svg>
                <div class="name">多云-白</div>
                <div class="code-name">#icon-duoyun-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-leiyubingbao-bai"></use>
                </svg>
                <div class="name">雷雨冰雹-白</div>
                <div class="code-name">#icon-leiyubingbao-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-duoyunyewan-bai"></use>
                </svg>
                <div class="name">多云（夜晚）-白</div>
                <div class="code-name">#icon-a-duoyunyewan-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yujiaxue-bai"></use>
                </svg>
                <div class="name">雨夹雪-白</div>
                <div class="code-name">#icon-yujiaxue-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-leizhenyu-bai"></use>
                </svg>
                <div class="name">雷阵雨-白</div>
                <div class="code-name">#icon-leizhenyu-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bingbao-bai"></use>
                </svg>
                <div class="name">冰雹-白</div>
                <div class="code-name">#icon-bingbao-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhenyu-bai"></use>
                </svg>
                <div class="name">阵雨-白</div>
                <div class="code-name">#icon-zhenyu-bai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-yin-bai1"></use>
                </svg>
                <div class="name">阴-白 (1)</div>
                <div class="code-name">#icon-a-yin-bai1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caozuoguifan"></use>
                </svg>
                <div class="name">操作规范</div>
                <div class="code-name">#icon-caozuoguifan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanzhidu"></use>
                </svg>
                <div class="name">安全制度</div>
                <div class="code-name">#icon-anquanzhidu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guizhangzhidu"></use>
                </svg>
                <div class="name">规章制度</div>
                <div class="code-name">#icon-guizhangzhidu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weihuapin"></use>
                </svg>
                <div class="name">危化品</div>
                <div class="code-name">#icon-weihuapin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-senlincaoyuan"></use>
                </svg>
                <div class="name">森林草原</div>
                <div class="code-name">#icon-senlincaoyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dizhi"></use>
                </svg>
                <div class="name">地质</div>
                <div class="code-name">#icon-dizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanbu"></use>
                </svg>
                <div class="name">全部</div>
                <div class="code-name">#icon-quanbu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huozai"></use>
                </svg>
                <div class="name">火灾</div>
                <div class="code-name">#icon-huozai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-honglao"></use>
                </svg>
                <div class="name">洪涝</div>
                <div class="code-name">#icon-honglao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kuangshan"></use>
                </svg>
                <div class="name">矿山</div>
                <div class="code-name">#icon-kuangshan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-dizhen1"></use>
                </svg>
                <div class="name">地震 (1)</div>
                <div class="code-name">#icon-a-dizhen1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qita"></use>
                </svg>
                <div class="name">其他</div>
                <div class="code-name">#icon-qita</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuoanniu"></use>
                </svg>
                <div class="name">搜索按钮</div>
                <div class="code-name">#icon-sousuoanniu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuzu"></use>
                </svg>
                <div class="name">用户组</div>
                <div class="code-name">#icon-yonghuzu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaozhunguifan"></use>
                </svg>
                <div class="name">标准规范</div>
                <div class="code-name">#icon-biaozhunguifan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-falvfagui"></use>
                </svg>
                <div class="name">法律法规</div>
                <div class="code-name">#icon-falvfagui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu219"></use>
                </svg>
                <div class="name">晴天</div>
                <div class="code-name">#icon-a-zu219</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-guanzhu2"></use>
                </svg>
                <div class="name">关注 (2)</div>
                <div class="code-name">#icon-a-guanzhu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu329"></use>
                </svg>
                <div class="name">关注</div>
                <div class="code-name">#icon-a-zu329</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhibankeyuan"></use>
                </svg>
                <div class="name">值班科员</div>
                <div class="code-name">#icon-zhibankeyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daoru"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#icon-daoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-tianjiaxinzeng"></use>
                </svg>
                <div class="name">添加、新增</div>
                <div class="code-name">#icon-a-tianjiaxinzeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chexiao"></use>
                </svg>
                <div class="name">撤销</div>
                <div class="code-name">#icon-chexiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guidang"></use>
                </svg>
                <div class="name">归档</div>
                <div class="code-name">#icon-guidang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenhe"></use>
                </svg>
                <div class="name">审核</div>
                <div class="code-name">#icon-shenhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-baocun1"></use>
                </svg>
                <div class="name">保存 (1)</div>
                <div class="code-name">#icon-a-baocun1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tijiao"></use>
                </svg>
                <div class="name">提交</div>
                <div class="code-name">#icon-tijiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dayin"></use>
                </svg>
                <div class="name">打印</div>
                <div class="code-name">#icon-dayin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shanchu1"></use>
                </svg>
                <div class="name">删除 (1)</div>
                <div class="code-name">#icon-a-shanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiugai"></use>
                </svg>
                <div class="name">修改</div>
                <div class="code-name">#icon-xiugai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qunliao"></use>
                </svg>
                <div class="name">群聊</div>
                <div class="code-name">#icon-qunliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-tuihui1"></use>
                </svg>
                <div class="name">退回 (1)</div>
                <div class="code-name">#icon-a-tuihui1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-pizhun1"></use>
                </svg>
                <div class="name">批准 (1)</div>
                <div class="code-name">#icon-a-pizhun1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zhuanfa1"></use>
                </svg>
                <div class="name">转发 (1)</div>
                <div class="code-name">#icon-a-zhuanfa1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-songshen"></use>
                </svg>
                <div class="name">送审</div>
                <div class="code-name">#icon-songshen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fasongduanxin"></use>
                </svg>
                <div class="name">发送短信</div>
                <div class="code-name">#icon-fasongduanxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing71"></use>
                </svg>
                <div class="name">请示汇报</div>
                <div class="code-name">#icon-a-lujing71</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing81"></use>
                </svg>
                <div class="name">离蓉申请</div>
                <div class="code-name">#icon-a-lujing81</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing61"></use>
                </svg>
                <div class="name">来文登记</div>
                <div class="code-name">#icon-a-lujing61</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu321"></use>
                </svg>
                <div class="name">应急预案</div>
                <div class="code-name">#icon-a-zu321</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing4"></use>
                </svg>
                <div class="name">应急资源地图</div>
                <div class="code-name">#icon-a-lujing4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu322"></use>
                </svg>
                <div class="name">综合预警</div>
                <div class="code-name">#icon-a-zu322</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu230"></use>
                </svg>
                <div class="name">领导</div>
                <div class="code-name">#icon-a-zu230</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qingjiarenyuan"></use>
                </svg>
                <div class="name">请假人员</div>
                <div class="code-name">#icon-qingjiarenyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beiqinrenyuan"></use>
                </svg>
                <div class="name">备勤人员</div>
                <div class="code-name">#icon-beiqinrenyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinjianwendang"></use>
                </svg>
                <div class="name">新建文档</div>
                <div class="code-name">#icon-xinjianwendang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lujing"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-lujing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cheliangguanli"></use>
                </svg>
                <div class="name">车辆管理</div>
                <div class="code-name">#icon-cheliangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hangzhengguanli"></use>
                </svg>
                <div class="name">行政管理</div>
                <div class="code-name">#icon-hangzhengguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingjifangan"></use>
                </svg>
                <div class="name">应急方案</div>
                <div class="code-name">#icon-yingjifangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodericheng"></use>
                </svg>
                <div class="name">我的日程</div>
                <div class="code-name">#icon-wodericheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zaixiangoutong"></use>
                </svg>
                <div class="name">在线沟通</div>
                <div class="code-name">#icon-zaixiangoutong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing1"></use>
                </svg>
                <div class="name">公文管理</div>
                <div class="code-name">#icon-a-lujing1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongguanli"></use>
                </svg>
                <div class="name">系统管理</div>
                <div class="code-name">#icon-xitongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zichanguanli"></use>
                </svg>
                <div class="name">资产管理</div>
                <div class="code-name">#icon-zichanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangongyongpinguanli"></use>
                </svg>
                <div class="name">办公用品管理</div>
                <div class="code-name">#icon-bangongyongpinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingjixiangying"></use>
                </svg>
                <div class="name">应急响应</div>
                <div class="code-name">#icon-yingjixiangying</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingjiziyuan"></use>
                </svg>
                <div class="name">应急资源</div>
                <div class="code-name">#icon-yingjiziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renshiguanli"></use>
                </svg>
                <div class="name">人事管理</div>
                <div class="code-name">#icon-renshiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duanxinguanli"></use>
                </svg>
                <div class="name">短信管理</div>
                <div class="code-name">#icon-duanxinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanzhuqiyeguanli"></use>
                </svg>
                <div class="name">关注企业管理</div>
                <div class="code-name">#icon-guanzhuqiyeguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyishishiyong"></use>
                </svg>
                <div class="name">会议室使用</div>
                <div class="code-name">#icon-huiyishishiyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wendangguanli"></use>
                </svg>
                <div class="name">文档管理</div>
                <div class="code-name">#icon-wendangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuchashenqing"></use>
                </svg>
                <div class="name">出差申请</div>
                <div class="code-name">#icon-chuchashenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianqixinxi"></use>
                </svg>
                <div class="name">天气信息</div>
                <div class="code-name">#icon-tianqixinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongnengdaohang"></use>
                </svg>
                <div class="name">功能导航</div>
                <div class="code-name">#icon-gongnengdaohang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bangongyongpinguanli1"></use>
                </svg>
                <div class="name">办公用品管理 (1)</div>
                <div class="code-name">#icon-a-bangongyongpinguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinwenchuangjian"></use>
                </svg>
                <div class="name">新闻创建</div>
                <div class="code-name">#icon-xinwenchuangjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liaotiandanchuangrukou"></use>
                </svg>
                <div class="name">聊天弹窗入口</div>
                <div class="code-name">#icon-liaotiandanchuangrukou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaban"></use>
                </svg>
                <div class="name">加班</div>
                <div class="code-name">#icon-jiaban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hetongshenqing"></use>
                </svg>
                <div class="name">合同申请</div>
                <div class="code-name">#icon-hetongshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-guanzhuqiyeguanli1"></use>
                </svg>
                <div class="name">离驻地</div>
                <div class="code-name">#icon-a-guanzhuqiyeguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianqiguanli"></use>
                </svg>
                <div class="name">天气管理</div>
                <div class="code-name">#icon-tianqiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongwenguanli"></use>
                </svg>
                <div class="name">公文管理</div>
                <div class="code-name">#icon-gongwenguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qingjia"></use>
                </svg>
                <div class="name">请假</div>
                <div class="code-name">#icon-qingjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zichanguanli1"></use>
                </svg>
                <div class="name">资产管理 (1)</div>
                <div class="code-name">#icon-a-zichanguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-xitongguanli1"></use>
                </svg>
                <div class="name">系统管理 (1)</div>
                <div class="code-name">#icon-a-xitongguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-wendangguanli1"></use>
                </svg>
                <div class="name">文档管理 (1)</div>
                <div class="code-name">#icon-a-wendangguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-yingjixiangying1"></use>
                </svg>
                <div class="name">应急资源</div>
                <div class="code-name">#icon-a-yingjixiangying1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-yingjifangan1"></use>
                </svg>
                <div class="name">应急方案 (1)</div>
                <div class="code-name">#icon-a-yingjifangan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zaixianliaotian"></use>
                </svg>
                <div class="name">在线聊天</div>
                <div class="code-name">#icon-zaixianliaotian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-wodericheng1"></use>
                </svg>
                <div class="name">我的日程 (1)</div>
                <div class="code-name">#icon-a-wodericheng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-yingjixiangying2"></use>
                </svg>
                <div class="name">应急响应 (2)</div>
                <div class="code-name">#icon-a-yingjixiangying2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangguanwenjian"></use>
                </svg>
                <div class="name">相关文件</div>
                <div class="code-name">#icon-xiangguanwenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaosongdanwei"></use>
                </svg>
                <div class="name">抄送单位</div>
                <div class="code-name">#icon-chaosongdanwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-duanxinguanli1"></use>
                </svg>
                <div class="name">短信管理 (1)</div>
                <div class="code-name">#icon-a-duanxinguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuanfa"></use>
                </svg>
                <div class="name">转发</div>
                <div class="code-name">#icon-zhuanfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-teji"></use>
                </svg>
                <div class="name">紧急</div>
                <div class="code-name">#icon-teji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baocun"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#icon-baocun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-piliangdaoruwenjian"></use>
                </svg>
                <div class="name">批量导入文件</div>
                <div class="code-name">#icon-piliangdaoruwenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuanzerenyuan"></use>
                </svg>
                <div class="name">选择人员</div>
                <div class="code-name">#icon-xuanzerenyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyishixuanze"></use>
                </svg>
                <div class="name">会议室选择</div>
                <div class="code-name">#icon-huiyishixuanze</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pizhun"></use>
                </svg>
                <div class="name">批准</div>
                <div class="code-name">#icon-pizhun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuihui"></use>
                </svg>
                <div class="name">退回</div>
                <div class="code-name">#icon-tuihui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shidu"></use>
                </svg>
                <div class="name">湿度</div>
                <div class="code-name">#icon-shidu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengduo"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icon-gengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangyouqiehuan"></use>
                </svg>
                <div class="name">向右切换</div>
                <div class="code-name">#icon-xiangyouqiehuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxiang"></use>
                </svg>
                <div class="name">风向</div>
                <div class="code-name">#icon-fengxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiya"></use>
                </svg>
                <div class="name">气压</div>
                <div class="code-name">#icon-qiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangzuoqiehuan"></use>
                </svg>
                <div class="name">向左切换</div>
                <div class="code-name">#icon-xiangzuoqiehuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi156"></use>
                </svg>
                <div class="name">值班人员</div>
                <div class="code-name">#icon-a-rongqi156</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuanyi"></use>
                </svg>
                <div class="name">转移</div>
                <div class="code-name">#icon-zhuanyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weizhi"></use>
                </svg>
                <div class="name">位置</div>
                <div class="code-name">#icon-weizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuangjianqunliao"></use>
                </svg>
                <div class="name">创建群聊</div>
                <div class="code-name">#icon-chuangjianqunliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhenyu"></use>
                </svg>
                <div class="name">阵雨</div>
                <div class="code-name">#icon-zhenyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baoyu"></use>
                </svg>
                <div class="name">暴雨</div>
                <div class="code-name">#icon-baoyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baoxue"></use>
                </svg>
                <div class="name">暴雪</div>
                <div class="code-name">#icon-baoxue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bingbao"></use>
                </svg>
                <div class="name">冰雹</div>
                <div class="code-name">#icon-bingbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dayu"></use>
                </svg>
                <div class="name">大雨</div>
                <div class="code-name">#icon-dayu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tedabaoyu"></use>
                </svg>
                <div class="name">特大暴雨</div>
                <div class="code-name">#icon-tedabaoyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daxue"></use>
                </svg>
                <div class="name">大雪</div>
                <div class="code-name">#icon-daxue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-qietu137"></use>
                </svg>
                <div class="name">切图 137</div>
                <div class="code-name">#icon-a-qietu137</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dongyu"></use>
                </svg>
                <div class="name">冻雨</div>
                <div class="code-name">#icon-dongyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yin"></use>
                </svg>
                <div class="name">阴</div>
                <div class="code-name">#icon-yin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-feng"></use>
                </svg>
                <div class="name">风</div>
                <div class="code-name">#icon-feng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoyu"></use>
                </svg>
                <div class="name">小雨</div>
                <div class="code-name">#icon-xiaoyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxue"></use>
                </svg>
                <div class="name">小雪</div>
                <div class="code-name">#icon-xiaoxue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zhenxueyewan"></use>
                </svg>
                <div class="name">阵雪（夜晚）</div>
                <div class="code-name">#icon-a-zhenxueyewan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wu"></use>
                </svg>
                <div class="name">雾</div>
                <div class="code-name">#icon-wu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuchen"></use>
                </svg>
                <div class="name">浮尘</div>
                <div class="code-name">#icon-fuchen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-taifeng"></use>
                </svg>
                <div class="name">台风</div>
                <div class="code-name">#icon-taifeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tedabaoxue"></use>
                </svg>
                <div class="name">特大暴雪</div>
                <div class="code-name">#icon-tedabaoxue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duoyun"></use>
                </svg>
                <div class="name">多云</div>
                <div class="code-name">#icon-duoyun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shachenbao"></use>
                </svg>
                <div class="name">沙尘暴</div>
                <div class="code-name">#icon-shachenbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-leibaodayu"></use>
                </svg>
                <div class="name">雷暴大雨</div>
                <div class="code-name">#icon-leibaodayu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-leiyubingbao"></use>
                </svg>
                <div class="name">雷雨冰雹</div>
                <div class="code-name">#icon-leiyubingbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zhenyuyewan"></use>
                </svg>
                <div class="name">阵雨（夜晚）</div>
                <div class="code-name">#icon-a-zhenyuyewan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongxue"></use>
                </svg>
                <div class="name">中雪</div>
                <div class="code-name">#icon-zhongxue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhenxue"></use>
                </svg>
                <div class="name">阵雪</div>
                <div class="code-name">#icon-zhenxue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongyu"></use>
                </svg>
                <div class="name">中雨</div>
                <div class="code-name">#icon-zhongyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-leizhenyu"></use>
                </svg>
                <div class="name">雷阵雨</div>
                <div class="code-name">#icon-leizhenyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiangshachenbao"></use>
                </svg>
                <div class="name">强沙尘暴</div>
                <div class="code-name">#icon-qiangshachenbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-duoyunyewan"></use>
                </svg>
                <div class="name">多云（夜晚）</div>
                <div class="code-name">#icon-a-duoyunyewan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dabaoxue"></use>
                </svg>
                <div class="name">大暴雪</div>
                <div class="code-name">#icon-dabaoxue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yujiaxue"></use>
                </svg>
                <div class="name">雨夹雪</div>
                <div class="code-name">#icon-yujiaxue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dabaoyu"></use>
                </svg>
                <div class="name">大暴雨</div>
                <div class="code-name">#icon-dabaoyu</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
